<div>
    <div class="ibox" v-if="payFeeDepositInfo.fees.length>0">
        <div class="ibox-title">
            <h5>
                <vc:i18n name="押金信息" namespace="payFeeDeposit"></vc:i18n>
            </h5>
            <div class="ibox-tools" style="top:10px;">
                <button type="button" class="btn btn-white btn-sm" style="margin-left:10px"
                    v-on:click="_queryPayFeeDeposit()">
                    <i class="fa fa-refresh"></i>
                    <vc:i18n name="刷新" namespace="simplifyRoomFee"></vc:i18n>
                </button>
            </div>
        </div>
        <div class="ibox-content">
            <table class="footable table table-stripped toggle-arrow-tiny" data-page-size="15">
                <thead>
                    <tr>
                        <th class="text-center">
                            <vc:i18n name="收费对象" namespace="payFeeDeposit"></vc:i18n>
                        </th>
                        <th class="text-center">
                            <vc:i18n name="费用项" namespace="payFeeDeposit"></vc:i18n>
                        </th>
                        <th class="text-center">
                            <vc:i18n name="时间段" namespace="payFeeDeposit"></vc:i18n>
                        </th>
                        <th class="text-center">
                            <vc:i18n name="金额" namespace="payFeeDeposit"></vc:i18n>
                        </th>
                        <th class="text-center">
                            <vc:i18n name="缴费时间" namespace="payFeeDeposit"></vc:i18n>
                        </th>
                        <th class="text-center">
                            <vc:i18n name="操作" namespace="payFeeDeposit"></vc:i18n>
                        </th>
                    </tr>
                </thead>
                <tbody>
                    <tr v-for="fee in payFeeDepositInfo.fees">
                        <td class="text-center">{{fee.payerObjName}}</td>
                        <td class="text-center">{{fee.feeName}}</td>
                        <td class="text-center">{{fee.startTime}}~{{fee.endTime}}</td>
                        <td class="text-center">{{fee.receivedAmount}}</td>
                        <td class="text-center">{{fee.createTime}}</td>
                        <td class="text-center">
                            <button type="button" class="btn btn-primary btn-sm"
                                v-on:click="_openRefundDeposit(fee)">
                                <vc:i18n name="退押金" namespace="payFeeDeposit"></vc:i18n>
                            </button>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <vc:create path="fee/refundDepositFee"></vc:create>
</div>